<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="screen-orientation" content="portrait" />
		<meta name="x5-orientation" content="portrait" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="msapplication-tap-highlight" content="no" />
		<link rel="stylesheet" href="../../js/plugins/element-ui/element-ui.css">
		<!--fontAwesome-->
		<link rel="stylesheet" href="../../css/front/font-awesome.min.css">
		<title>绿建会员详细</title>
		<style>
			body {
				margin: 0;
				padding: 0;
				font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
			}
			header {
				padding: 0 10%;
				background: #373D41;
			}
			footer {
				color: #FFFFFF;
				height: 150px;
				line-height: 150px;
				text-align: center;
				background: #373D41;
				width: 100%;
			}
			ul{ margin:0;padding:0;}
			
			ul li {
				list-style: none;
			}
			.sub-header {
				width: 70%;
				float: left;
				height: 63px;
				line-height: 63px;
				color: #FFFFFF;
			}
			
			.sub-header ul {
				width: 100%;
			}
			
			.sub-header ul li {
				float: left;
				margin: 0 20px;
				font-size: 14px;
				font-size: 16px;
			}
			
			.sub-header a {
				cursor: pointer;
			}
			.logo {
				width: 200px;
				height: 63px;
				line-height: 80px;
				float: left;
			}
			.el-breadcrumb {
				line-height: 4;
				}
			.el-menu--dark {
				  min-height: 500px;
				}	
				
			.el-menu-item, .el-submenu__title {
					height: 80px;
					line-height: 80px;
				}
			.el-menu li.el-menu-item {
				 color: #FFFFFF;
				 text-align: center;
				 border-bottom: 1px solid #FFFFFF;
				}
			/*.el-menu--horizontal .el-menu-item {
				float: right;
			}*/
			.el-menu li.el-menu-item .is-active{
				background-color: #5E5E5E;
			}
			
			.userinfo-inner {
				cursor: pointer;
			}
			
			.userinfo-inner img {
				width: 80px;
				height: 80px;
				border-radius: 5px;
				float: left;
				margin-right: 25px;
			}
			
			.search{}
			.search .el-input__inner {
				min-width: 600px;
			}
			
		</style>
	</head>
	<body>
		<div id="member-detail">
		<!--header-->
			<header>
				<el-row :gutter="24">
					<el-col :span="4">
						<div class="logo">
							<img src="../../img/header_logoaa.gif" width="100%" />
						</div>
					</el-col>
					<el-col :span="12">
						<div class="sub-header">
							<ul>
								<li v-for="nav in navs">
									<a :href="nav.clik">{{nav.name}}</a>
								</li>
							</ul>
						</div>
					</el-col>
					<el-col :span="8">
						<div class="sub-header" style="float: right;">
							<ul>
								<li>
									<a>登录</a>
								</li>
								<li>
									<a>注册</a>
								</li>
							</ul>
						</div>
					</el-col>
				</el-row>
			</header>
			<div style="background: #EAEDF1;padding-top: 50px;">
				<!--<div class="sub-nav" style="height: 50px;line-height: 50px;margin-left: 10px;">
					<el-breadcrumb separator=">">
					  <el-breadcrumb-item :to="{ path: '>' }">首页</el-breadcrumb-item>
					  <el-breadcrumb-item>绿建会员管理</el-breadcrumb-item>
					  <el-breadcrumb-item>绿建会员列表</el-breadcrumb-item>
					</el-breadcrumb>
				</div>-->
				<div class="content" style="width: 80%;margin: 0 10%;">
					<el-row :gutter="24">
						<el-col :span="16" >
							<el-row :gutter="24">
								<div class="search">
									<el-form :inline="true" :model="formSearch" class="demo-form-inline">
										<el-form-item label="">
											<el-input v-model="formSearch.ques" placeholder=""></el-input>
										</el-form-item>
										<el-form-item>
											<el-button type="primary" icon="search" @click="onSubmit">搜索</el-button>
										</el-form-item>
									</el-form>
								</div>
							</el-row>
							<el-row :gutter="24">
								<div class="" style="border: 1px solid #CECECE;min-height: 300px;background-color: #FFFFFF;">
									<el-tabs type="border-card" style="min-height: 300px;">
										<el-tab-pane label="企业介绍">
											<p>&emsp;华为是全球领先的信息与通信技术(ICT)解决方案供应商，专注于ICT领域，坚持稳健经营、持续创新、开放合作，在电信运营商、企业、终端和云计算等领域构筑了端到端的解决方案优势，为运营商客户、企业客户和消费者提供有竞争力的ICT解决方案、产品和服务，并致力于使能未来信息社会、构建更美好的全联接世界。目前，华为约有18万名员工，业务遍及全球170多个国家和地区，服务全世界三分之一以上的人口。</p>

											<h2>我们为世界带来了什么？</h2>
											
											<p>为客户创造价值。华为和运营商一起，在全球建设了1,500多张网络，帮助世界超过三分之一的人口实现联接。华为和企业客户一起，以开放的云计算和敏捷的企业网络，助力平安城市、金融、交通、能源等领域实现高效运营和敏捷创新。华为智能终端和智能手机，正在帮助人们享受高品质的数字工作、生活和娱乐体验。</p>
											
											<p>推动行业良性发展。华为主张开放、合作、共赢，与客户合作伙伴及友商合作创新、扩大产业价值，形成健康良性的产业生态系统。华为加入360多个标准组织、产业联盟和开源社区，累计提案4.9万篇。我们面向云计算、NFV/SDN、5G等新兴热点领域，与产业伙伴分工协作，推动行业持续良性发展。</p>
											
											<p>促进经济增长。华为不仅为所在国家带来直接的纳税、就业促进、产业链带动效应，更重要的是通过创新的ICT解决方案打造数字化引擎，推动各行各业数字化转型，促进经济增长， 提升人们的生活质量与福祉。</p>
											
											<p>促进社会可持续发展。作为负责任的企业公民，华为致力于消除全球数字鸿沟， 在珠峰南坡和北极圈内，都有华为人的身影；在西非埃博拉疫区、日本海啸核泄漏、中国汶川大地震等重大灾难现场，我们深知灾难面前通信的重要性，我们选择了坚守；我们的“未来种子”项目已经覆盖96个国家和地区，为各国青年学生提供来中国培训实习的机会。</p>
											
											<p>为奋斗者提供舞台。华为坚持“以奋斗者为本”，以责任贡献来评价员工和选拔干部，为员工提供了全球化发展平台、与世界对话的机会，使大量年轻人有机会担当重任，快速成长，也使得十几万员工通过个人的努力，收获了合理的回报与值得回味的人生经历。</p>
											<h2>我们坚持什么？</h2>
											
											<p>华为十几万人，29年坚持聚焦在主航道，抵制一切诱惑；坚持不走捷径，拒绝机会主义，踏踏实实，长期投入，厚积薄发；坚持以客户为中心，以奋斗者为本，长期艰苦奋斗，自我批判。我们不会辜负时代慷慨赋予我们的历史性机遇，为共建更美好的全联接世界，一往无前。</p>
											<h2>我们为世界带来了什么？</h2>
											
											<p>为客户创造价值。华为和运营商一起，在全球建设了1,500多张网络，帮助世界超过三分之一的人口实现联接。华为和企业客户一起，以开放的云计算和敏捷的企业网络，助力平安城市、金融、交通、能源等领域实现高效运营和敏捷创新。华为智能终端和智能手机，正在帮助人们享受高品质的数字工作、生活和娱乐体验。</p>
											
											<p>推动行业良性发展。华为主张开放、合作、共赢，与客户合作伙伴及友商合作创新、扩大产业价值，形成健康良性的产业生态系统。华为加入360多个标准组织、产业联盟和开源社区，累计提案4.9万篇。我们面向云计算、NFV/SDN、5G等新兴热点领域，与产业伙伴分工协作，推动行业持续良性发展。</p>
											
											<p>促进经济增长。华为不仅为所在国家带来直接的纳税、就业促进、产业链带动效应，更重要的是通过创新的ICT解决方案打造数字化引擎，推动各行各业数字化转型，促进经济增长， 提升人们的生活质量与福祉。</p>
											
											<p>促进社会可持续发展。作为负责任的企业公民，华为致力于消除全球数字鸿沟， 在珠峰南坡和北极圈内，都有华为人的身影；在西非埃博拉疫区、日本海啸核泄漏、中国汶川大地震等重大灾难现场，我们深知灾难面前通信的重要性，我们选择了坚守；我们的“未来种子”项目已经覆盖96个国家和地区，为各国青年学生提供来中国培训实习的机会。</p>
											
											<p>为奋斗者提供舞台。华为坚持“以奋斗者为本”，以责任贡献来评价员工和选拔干部，为员工提供了全球化发展平台、与世界对话的机会，使大量年轻人有机会担当重任，快速成长，也使得十几万员工通过个人的努力，收获了合理的回报与值得回味的人生经历。</p>
											<h2>我们坚持什么？</h2>
											
											<p>华为十几万人，29年坚持聚焦在主航道，抵制一切诱惑；坚持不走捷径，拒绝机会主义，踏踏实实，长期投入，厚积薄发；坚持以客户为中心，以奋斗者为本，长期艰苦奋斗，自我批判。我们不会辜负时代慷慨赋予我们的历史性机遇，为共建更美好的全联接世界，一往无前。</p>
											<h2>我们为世界带来了什么？</h2>
											
											<p>为客户创造价值。华为和运营商一起，在全球建设了1,500多张网络，帮助世界超过三分之一的人口实现联接。华为和企业客户一起，以开放的云计算和敏捷的企业网络，助力平安城市、金融、交通、能源等领域实现高效运营和敏捷创新。华为智能终端和智能手机，正在帮助人们享受高品质的数字工作、生活和娱乐体验。</p>
											
											<p>推动行业良性发展。华为主张开放、合作、共赢，与客户合作伙伴及友商合作创新、扩大产业价值，形成健康良性的产业生态系统。华为加入360多个标准组织、产业联盟和开源社区，累计提案4.9万篇。我们面向云计算、NFV/SDN、5G等新兴热点领域，与产业伙伴分工协作，推动行业持续良性发展。</p>
											
											<p>促进经济增长。华为不仅为所在国家带来直接的纳税、就业促进、产业链带动效应，更重要的是通过创新的ICT解决方案打造数字化引擎，推动各行各业数字化转型，促进经济增长， 提升人们的生活质量与福祉。</p>
											
											<p>促进社会可持续发展。作为负责任的企业公民，华为致力于消除全球数字鸿沟， 在珠峰南坡和北极圈内，都有华为人的身影；在西非埃博拉疫区、日本海啸核泄漏、中国汶川大地震等重大灾难现场，我们深知灾难面前通信的重要性，我们选择了坚守；我们的“未来种子”项目已经覆盖96个国家和地区，为各国青年学生提供来中国培训实习的机会。</p>
											
											<p>为奋斗者提供舞台。华为坚持“以奋斗者为本”，以责任贡献来评价员工和选拔干部，为员工提供了全球化发展平台、与世界对话的机会，使大量年轻人有机会担当重任，快速成长，也使得十几万员工通过个人的努力，收获了合理的回报与值得回味的人生经历。</p>
											<h2>我们坚持什么？</h2>
											
											<p>华为十几万人，29年坚持聚焦在主航道，抵制一切诱惑；坚持不走捷径，拒绝机会主义，踏踏实实，长期投入，厚积薄发；坚持以客户为中心，以奋斗者为本，长期艰苦奋斗，自我批判。我们不会辜负时代慷慨赋予我们的历史性机遇，为共建更美好的全联接世界，一往无前。</p>
										</el-tab-pane>
										<el-tab-pane label="产品服务">产品服务</el-tab-pane>
										<el-tab-pane label="案例">案例</el-tab-pane>
									</el-tabs>
								</div>
							</el-row>
						</el-col>
						
						<el-col :span="6" :offset="1">
							<div style="background: #FFFFFF;min-height: 350px;border: 1px solid #CECECE;padding: 5px;margin-top: 58px;">
								会员产品广告图片
							</div>
						</el-col>
					</el-row>
				</div>
			</div>
			<footer>
				<p>版权所有：贵州绿建云&nbsp;&nbsp;&nbsp;&nbsp;Copyright©2017 All rights reserved</p>
			</footer>
		</div>
		<script type="text/javascript" src="../../js/plugins/vue/vue.min.js"></script>
		<script type="text/javascript" src="../../js/plugins/element-ui/element-ui.js"></script>
		<script type="text/javascript" src="../../js/plugins/jQuery/jquery-3.1.1.min.js"></script>
	</body>
	<script>
		var Main = new Vue({
			el : '#member-detail',
			data: {
					formSearch: {
						ques: ''
					},
					//导航
					navs: [{
							name: '工程信息'
						},
						{
							name: '招投标信息'
						},
						{
							name: '会员服务'
						}

					],
					memberData: [{
			            logo: '../../img/slide/cover_0.jpg',
			            abstract: '上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路 1518 '
			          },{
			            logo: '../../img/slide/cover_3.jpg',
			            abstract: '上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路'
			          },{
			            logo: '../../img/slide/cover_3.jpg',
			            abstract: '上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路'
			          },{
			            logo: '../../img/slide/cover_3.jpg',
			            abstract: '上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路'
			          },{
			            logo: '../../img/slide/cover_3.jpg',
			            abstract: '上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路'
			          },{
			            logo: '../../img/slide/cover_3.jpg',
			            abstract: '上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路'
			          },{
			            logo: '../../img/slide/cover_3.jpg',
			            abstract: '上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路'
			          },{
			            logo: '../../img/slide/cover_3.jpg',
			            abstract: '上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路'
			          }],
			          activeName:"first",
			},
			methods: {
				handleOpen:function(key, keyPath) {
			        console.log(key, keyPath);
			    },
			    handleClose:function(key, keyPath) {
			        console.log(key, keyPath);
			    },
			    onSubmit:function() {
					console.log('submit!');
				},
				handleClick:function(tab, event) {
					console.log(tab, event);
				}
			},
		})
	</script>
</html>
